$base-font-family: 'Roboto Mono', monospace;
$secondary-font-family: 'Noto Serif', serif;

// Line height
$base-line-height: 1.6;
$base-font-size: 17px;

// Other Sizes
$base-spacing: $base-line-height * 1em;
$small-spacing: calc($base-spacing / 2);

// Colors
$white-color: #fff;
$black-color: #000;
$blue-color: #0086B3;
$red-color: #ba3925;
$dark-gray-color: #333;
$medium-gray-color: #999;
$light-gray-color: #ccc;
$base-bg-color: #f6f6f6;

$primary-color: $black-color;
$secondary-color: $red-color;

// Font Colors
$base-font-color: rgba($primary-color, .85);

$base-box-shadow: 0 1px 2px rgba(0,0,0,0.07),
                  0 2px 4px rgba(0,0,0,0.07),
                  0 4px 8px rgba(0,0,0,0.07),
                  0 8px 16px rgba(0,0,0,0.07);

// Screen Size
$screen-max-width: 800px;
